:root {
  // Colors
  --color-primary: #5897fb;
  --color-secondary: #666666;
  --color-header-bg: #ffffff;
  --color-border: #dcdee2;
  --color-font: #66666;
  --color-white: #ffffff;
  --color-alert-info: #cfe2ff;
  --color-alert-info-border: #b6d4fe;
  --color-ads-background: #7cadfa;

  // Status Colors
  --color-success: #10b981;
  --color-success-bg: #d1fae5;
  --color-success-text: #065f46;
  --color-error: #ef4444;
  --color-error-bg: #fee2e2;
  --color-error-text: #991b1b;
  --color-warning: #f59e0b;
  --color-warning-bg: #fef3c7;
  --color-warning-text: #92400e;
  --color-info: #3b82f6;
  --color-info-bg: #dbeafe;
  --color-info-text: #1e40af;

  // Sizes
  --width-max: 1000px;
  --height-header: 90px;
  --width-nav: 200px;
  --height-nav: 30px;

  // Misc
  --box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  --border-radius: 4px;
  --font-size: 14px;

  // Spacings
  --spacing: 24px;
  --spacing-half: 16px;
  --spacing-quarter: 8px;
}
